<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>youhailaji</title>
    <link rel="stylesheet" href="../share.css">
</head>

<body>
    <!-- 导航栏 -->
    <nav class="nav">
        <a href="../../encyclopedia/encyclopedia.html">
            <i class="iconfont icon-arrow-right1"></i>
        </a>
        <h1>recyclable trash</h1>
        <h1>&nbsp;</h1>
    </nav>
    <!-- 内容栏 -->
    <div class="container">
        <!-- banner展示图 -->
        <div class="banner">
            <img src="../../img/photo.png" alt="">
        </div>
        <!-- 简单介绍 -->
        <div class="info">
            <div class="logo">
                <i class="iconfont icon-youhailaji-icon"></i>
                <button>
                    <i class="iconfont icon-fenxiang"></i>
                    <span>分享</span>
                </button>
            </div>
            <div class="infos">
                <h1>相片</h1>
                <div class="title">
                    <p>分类</p><span>有害垃圾</span>
                </div>
                <div class="title">
                    <p>属性</p><span>化学品</span>
                </div>
            </div>
        </div>
        <!-- 解决办法 -->
        <div class="solve">
            <div class="way">
                <h1>有害垃圾</h1>
                <p>指废电池、废灯管、废药品、废油漆及其容器等对人体健康或自然环境造成危害的生活废弃物</p>
            </div>
            <div class="way">
                <h1>如何处理</h1>
                <p>由于相片含有额化学品以及短纤维的材质，不要回收！甚至你应该将其放入有害垃圾中</p>
            </div>
        </div>


    </div>

</body>

</html>